<!--
 * @Description: 
 * @Author: Sun
 * @Date: 2019-11-22 21:36:30
 * @LastEditors: Sun
 * @LastEditTime: 2019-11-23 09:38:38
 -->
<template>
    <div class="hello">
        <v-chart :options="option" />
    </div>
</template>

<script>
// import 'echarts/lib/chart/line'
export default {
  components: {

  },
  data () {
    return {
        option:{
          legend: {},
          tooltip: {},
          dataset: {
              source: [
                  ['product', '2015', '2016', '2017'],
                  ['Matcha Latte', 43.3, 85.8, 93.7],
                  ['Milk Tea', 83.1, 73.4, 55.1],
                  ['Cheese Cocoa', 86.4, 65.2, 82.5],
                  ['Walnut Brownie', 72.4, 53.9, 39.1]
              ]
          },
          xAxis: {type: 'category'},
          yAxis: {},
          // Declare several bar series, each will be mapped
          // to a column of dataset.source by default.
          series: [
              {type: 'bar'},
              {type: 'bar'},
              {type: 'bar'}
          ]
      }
    }
  }
}
</script>

<style scoped>
.hello {
    width: 500px;
    height: 500px;
}
.echarts {
    width: 100%;
    height: 100%;
}
</style>
